---
layout: typedoc
title: 'ViewerOptions | @msrvida/sanddance-react'
---
<header>
<div class="tsd-page-title">
	<div class="typedoc-container">
		<ul class="tsd-breadcrumb">
			<li>
				<a href="../modules.html">@msrvida/sanddance-react</a>
			</li>
			<li>
				<a href="../modules/sanddance.html">SandDance</a>
			</li>
			<li>
				<a href="../modules/sanddance.types.html">types</a>
			</li>
			<li>
				<a href="sanddance.types.vieweroptions.html">ViewerOptions</a>
			</li>
		</ul>
		<h1>Interface ViewerOptions</h1>
	</div>
</div>
</header>
<div class="container container-main">
<div class="row">
	<div class="col-8 col-content">
		<section class="tsd-panel tsd-comment">
			<div class="tsd-comment tsd-typography">
				<div class="lead">
					<p>Customization options for the Viewer.</p>
				</div>
			</div>
		</section>
		<section class="tsd-panel tsd-hierarchy">
			<h3>Hierarchy</h3>
			<ul class="tsd-hierarchy">
				<li>
					<a href="sanddance.specs.specviewoptions.html" class="tsd-signature-type" data-tsd-kind="Interface">SpecViewOptions</a>
					<ul class="tsd-hierarchy">
						<li>
							<span class="target">ViewerOptions</span>
						</li>
					</ul>
				</li>
			</ul>
		</section>
		<section class="tsd-panel-group tsd-index-group">
			<h2>Index</h2>
			<section class="tsd-panel tsd-index-panel">
				<div class="tsd-index-content">
					<section class="tsd-index-section ">
						<h3>Properties</h3>
						<ul class="tsd-index-list">
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="sanddance.types.vieweroptions.html#colors" class="tsd-kind-icon">colors</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.types.vieweroptions.html#fontfamily" class="tsd-kind-icon">font<wbr>Family</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.types.vieweroptions.html#gettextcolor" class="tsd-kind-icon">get<wbr>Text<wbr>Color</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.types.vieweroptions.html#gettexthighlightalphacutoff" class="tsd-kind-icon">get<wbr>Text<wbr>Highlight<wbr>Alpha<wbr>Cutoff</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.types.vieweroptions.html#gettexthighlightcolor" class="tsd-kind-icon">get<wbr>Text<wbr>Highlight<wbr>Color</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite"><a href="sanddance.types.vieweroptions.html#language" class="tsd-kind-icon">language</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="sanddance.types.vieweroptions.html#maxlegends" class="tsd-kind-icon">max<wbr>Legends</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.types.vieweroptions.html#onaxisclick" class="tsd-kind-icon">on<wbr>Axis<wbr>Click</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.types.vieweroptions.html#onbeforecreatelayers" class="tsd-kind-icon">on<wbr>Before<wbr>Create<wbr>Layers</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.types.vieweroptions.html#oncolorcontextchange" class="tsd-kind-icon">on<wbr>Color<wbr>Context<wbr>Change</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.types.vieweroptions.html#oncubeclick" class="tsd-kind-icon">on<wbr>Cube<wbr>Click</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.types.vieweroptions.html#ondatafilter" class="tsd-kind-icon">on<wbr>Data<wbr>Filter</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.types.vieweroptions.html#onerror" class="tsd-kind-icon">on<wbr>Error</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.types.vieweroptions.html#onlegendheaderclick" class="tsd-kind-icon">on<wbr>Legend<wbr>Header<wbr>Click</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.types.vieweroptions.html#onlegendrowclick" class="tsd-kind-icon">on<wbr>Legend<wbr>Row<wbr>Click</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.types.vieweroptions.html#onnewviewstatetarget" class="tsd-kind-icon">on<wbr>New<wbr>View<wbr>State<wbr>Target</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.types.vieweroptions.html#onpresent" class="tsd-kind-icon">on<wbr>Present</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.types.vieweroptions.html#onselectionchanged" class="tsd-kind-icon">on<wbr>Selection<wbr>Changed</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.types.vieweroptions.html#onstage" class="tsd-kind-icon">on<wbr>Stage</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.types.vieweroptions.html#ontextclick" class="tsd-kind-icon">on<wbr>Text<wbr>Click</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.types.vieweroptions.html#onvegaspec" class="tsd-kind-icon">on<wbr>Vega<wbr>Spec</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.types.vieweroptions.html#preservedrawingbuffer" class="tsd-kind-icon">preserve<wbr>Drawing<wbr>Buffer</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.types.vieweroptions.html#selectionpolygonz" class="tsd-kind-icon">selection<wbr>PolygonZ</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="sanddance.types.vieweroptions.html#ticksize" class="tsd-kind-icon">tick<wbr>Size</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.types.vieweroptions.html#tooltipoptions" class="tsd-kind-icon">tooltip<wbr>Options</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.types.vieweroptions.html#transitiondurations" class="tsd-kind-icon">transition<wbr>Durations</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-inherited"><a href="sanddance.types.vieweroptions.html#zaxisoptions" class="tsd-kind-icon">z<wbr>Axis<wbr>Options</a></li>
						</ul>
					</section>
				</div>
			</section>
		</section>
		<section class="tsd-panel-group tsd-member-group ">
			<h2>Properties</h2>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
				<a name="colors" class="tsd-anchor"></a>
				<h3>colors</h3>
				<div class="tsd-signature tsd-kind-icon">colors<span class="tsd-signature-symbol">:</span> <a href="sanddance.types.colorsettings.html" class="tsd-signature-type" data-tsd-kind="Interface">ColorSettings</a></div>
				<aside class="tsd-sources">
					<p>Overrides <a href="sanddance.specs.specviewoptions.html">SpecViewOptions</a>.<a href="sanddance.specs.specviewoptions.html#colors">colors</a></p>
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:43</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Custom colors of various parts of the visualization.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="fontfamily" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> font<wbr>Family</h3>
				<div class="tsd-signature tsd-kind-icon">font<wbr>Family<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:47</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Font family of text elements.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="gettextcolor" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> get<wbr>Text<wbr>Color</h3>
				<div class="tsd-signature tsd-kind-icon">get<wbr>Text<wbr>Color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span>t<span class="tsd-signature-symbol">: </span><a href="sanddance.vegadeckgl.types.vegatextlayerdatum.html" class="tsd-signature-type" data-tsd-kind="Interface">VegaTextLayerDatum</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><a href="../modules/sanddance.vegadeckgl.html#rgbacolor" class="tsd-signature-type" data-tsd-kind="Type alias">RGBAColor</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:94</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Optional handler to get the color of text elements.</p>
					</div>
				</div>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>t<span class="tsd-signature-symbol">: </span><a href="sanddance.vegadeckgl.types.vegatextlayerdatum.html" class="tsd-signature-type" data-tsd-kind="Interface">VegaTextLayerDatum</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../modules/sanddance.vegadeckgl.html#rgbacolor" class="tsd-signature-type" data-tsd-kind="Type alias">RGBAColor</a></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-parameters-title">Parameters</h4>
									<ul class="tsd-parameters">
										<li>
											<h5>t: <a href="sanddance.vegadeckgl.types.vegatextlayerdatum.html" class="tsd-signature-type" data-tsd-kind="Interface">VegaTextLayerDatum</a></h5>
										</li>
									</ul>
									<h4 class="tsd-returns-title">Returns <a href="../modules/sanddance.vegadeckgl.html#rgbacolor" class="tsd-signature-type" data-tsd-kind="Type alias">RGBAColor</a></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="gettexthighlightalphacutoff" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> get<wbr>Text<wbr>Highlight<wbr>Alpha<wbr>Cutoff</h3>
				<div class="tsd-signature tsd-kind-icon">get<wbr>Text<wbr>Highlight<wbr>Alpha<wbr>Cutoff<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">number</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:102</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Optional handler to get the alpha cutoff for highlight color of text elements.</p>
					</div>
				</div>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="gettexthighlightcolor" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> get<wbr>Text<wbr>Highlight<wbr>Color</h3>
				<div class="tsd-signature tsd-kind-icon">get<wbr>Text<wbr>Highlight<wbr>Color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span>t<span class="tsd-signature-symbol">: </span><a href="sanddance.vegadeckgl.types.vegatextlayerdatum.html" class="tsd-signature-type" data-tsd-kind="Interface">VegaTextLayerDatum</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><a href="../modules/sanddance.vegadeckgl.html#rgbacolor" class="tsd-signature-type" data-tsd-kind="Type alias">RGBAColor</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:98</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Optional handler to get the highlight color of text elements.</p>
					</div>
				</div>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>t<span class="tsd-signature-symbol">: </span><a href="sanddance.vegadeckgl.types.vegatextlayerdatum.html" class="tsd-signature-type" data-tsd-kind="Interface">VegaTextLayerDatum</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../modules/sanddance.vegadeckgl.html#rgbacolor" class="tsd-signature-type" data-tsd-kind="Type alias">RGBAColor</a></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-parameters-title">Parameters</h4>
									<ul class="tsd-parameters">
										<li>
											<h5>t: <a href="sanddance.vegadeckgl.types.vegatextlayerdatum.html" class="tsd-signature-type" data-tsd-kind="Interface">VegaTextLayerDatum</a></h5>
										</li>
									</ul>
									<h4 class="tsd-returns-title">Returns <a href="../modules/sanddance.vegadeckgl.html#rgbacolor" class="tsd-signature-type" data-tsd-kind="Type alias">RGBAColor</a></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
				<a name="language" class="tsd-anchor"></a>
				<h3>language</h3>
				<div class="tsd-signature tsd-kind-icon">language<span class="tsd-signature-symbol">:</span> <a href="sanddance.types.language.html" class="tsd-signature-type" data-tsd-kind="Interface">Language</a></div>
				<aside class="tsd-sources">
					<p>Overrides <a href="sanddance.specs.specviewoptions.html">SpecViewOptions</a>.<a href="sanddance.specs.specviewoptions.html#language">language</a></p>
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:51</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Language settings for the visualization.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
				<a name="maxlegends" class="tsd-anchor"></a>
				<h3>max<wbr>Legends</h3>
				<div class="tsd-signature tsd-kind-icon">max<wbr>Legends<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
				<aside class="tsd-sources">
					<p>Inherited from <a href="sanddance.specs.specviewoptions.html">SpecViewOptions</a>.<a href="sanddance.specs.specviewoptions.html#maxlegends">maxLegends</a></p>
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:309</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Maximum number of rows in a legend.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="onaxisclick" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> on<wbr>Axis<wbr>Click</h3>
				<div class="tsd-signature tsd-kind-icon">on<wbr>Axis<wbr>Click<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span>e<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">MouseEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">PointerEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">TouchEvent</span>, search<span class="tsd-signature-symbol">: </span><a href="sanddance.searchexpression.searchexpressiongroup.html" class="tsd-signature-type" data-tsd-kind="Interface">SearchExpressionGroup</a><span class="tsd-signature-symbol">&lt;</span><a href="sanddance.searchexpression.searchexpression.html" class="tsd-signature-type" data-tsd-kind="Interface">SearchExpression</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:110</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Optional handler when axis is clicked.</p>
					</div>
				</div>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>e<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">MouseEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">PointerEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">TouchEvent</span>, search<span class="tsd-signature-symbol">: </span><a href="sanddance.searchexpression.searchexpressiongroup.html" class="tsd-signature-type" data-tsd-kind="Interface">SearchExpressionGroup</a><span class="tsd-signature-symbol">&lt;</span><a href="sanddance.searchexpression.searchexpression.html" class="tsd-signature-type" data-tsd-kind="Interface">SearchExpression</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-parameters-title">Parameters</h4>
									<ul class="tsd-parameters">
										<li>
											<h5>e: <span class="tsd-signature-type">MouseEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">PointerEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">TouchEvent</span></h5>
										</li>
										<li>
											<h5>search: <a href="sanddance.searchexpression.searchexpressiongroup.html" class="tsd-signature-type" data-tsd-kind="Interface">SearchExpressionGroup</a><span class="tsd-signature-symbol">&lt;</span><a href="sanddance.searchexpression.searchexpression.html" class="tsd-signature-type" data-tsd-kind="Interface">SearchExpression</a><span class="tsd-signature-symbol">&gt;</span></h5>
										</li>
									</ul>
									<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="onbeforecreatelayers" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> on<wbr>Before<wbr>Create<wbr>Layers</h3>
				<div class="tsd-signature tsd-kind-icon">on<wbr>Before<wbr>Create<wbr>Layers<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span>stage<span class="tsd-signature-symbol">: </span><a href="sanddance.vegadeckgl.types.stage.html" class="tsd-signature-type" data-tsd-kind="Interface">Stage</a>, specCapabilities<span class="tsd-signature-symbol">: </span><a href="sanddance.specs.speccapabilities.html" class="tsd-signature-type" data-tsd-kind="Interface">SpecCapabilities</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:90</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Optional handler to modify the stage prior to deck.gl layer construction.</p>
					</div>
				</div>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>stage<span class="tsd-signature-symbol">: </span><a href="sanddance.vegadeckgl.types.stage.html" class="tsd-signature-type" data-tsd-kind="Interface">Stage</a>, specCapabilities<span class="tsd-signature-symbol">: </span><a href="sanddance.specs.speccapabilities.html" class="tsd-signature-type" data-tsd-kind="Interface">SpecCapabilities</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-parameters-title">Parameters</h4>
									<ul class="tsd-parameters">
										<li>
											<h5>stage: <a href="sanddance.vegadeckgl.types.stage.html" class="tsd-signature-type" data-tsd-kind="Interface">Stage</a></h5>
										</li>
										<li>
											<h5>specCapabilities: <a href="sanddance.specs.speccapabilities.html" class="tsd-signature-type" data-tsd-kind="Interface">SpecCapabilities</a></h5>
										</li>
									</ul>
									<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="oncolorcontextchange" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> on<wbr>Color<wbr>Context<wbr>Change</h3>
				<div class="tsd-signature tsd-kind-icon">on<wbr>Color<wbr>Context<wbr>Change<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:70</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Optional handler when color context changes.</p>
					</div>
				</div>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="oncubeclick" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> on<wbr>Cube<wbr>Click</h3>
				<div class="tsd-signature tsd-kind-icon">on<wbr>Cube<wbr>Click<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span>e<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">MouseEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">PointerEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">TouchEvent</span>, cube<span class="tsd-signature-symbol">: </span><a href="sanddance.vegadeckgl.types.cube.html" class="tsd-signature-type" data-tsd-kind="Interface">Cube</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:114</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Optional handler when cube is clicked.</p>
					</div>
				</div>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>e<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">MouseEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">PointerEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">TouchEvent</span>, cube<span class="tsd-signature-symbol">: </span><a href="sanddance.vegadeckgl.types.cube.html" class="tsd-signature-type" data-tsd-kind="Interface">Cube</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-parameters-title">Parameters</h4>
									<ul class="tsd-parameters">
										<li>
											<h5>e: <span class="tsd-signature-type">MouseEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">PointerEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">TouchEvent</span></h5>
										</li>
										<li>
											<h5>cube: <a href="sanddance.vegadeckgl.types.cube.html" class="tsd-signature-type" data-tsd-kind="Interface">Cube</a></h5>
										</li>
									</ul>
									<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="ondatafilter" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> on<wbr>Data<wbr>Filter</h3>
				<div class="tsd-signature tsd-kind-icon">on<wbr>Data<wbr>Filter<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span>filter<span class="tsd-signature-symbol">: </span><a href="../modules/sanddance.searchexpression.html#search" class="tsd-signature-type" data-tsd-kind="Type alias">Search</a>, filteredData<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:74</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Optional handler to be invoked when data is filtered.</p>
					</div>
				</div>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>filter<span class="tsd-signature-symbol">: </span><a href="../modules/sanddance.searchexpression.html#search" class="tsd-signature-type" data-tsd-kind="Type alias">Search</a>, filteredData<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-parameters-title">Parameters</h4>
									<ul class="tsd-parameters">
										<li>
											<h5>filter: <a href="../modules/sanddance.searchexpression.html#search" class="tsd-signature-type" data-tsd-kind="Type alias">Search</a></h5>
										</li>
										<li>
											<h5>filteredData: <span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">[]</span></h5>
										</li>
									</ul>
									<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="onerror" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> on<wbr>Error</h3>
				<div class="tsd-signature tsd-kind-icon">on<wbr>Error<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span>errors<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:66</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Optional error handler.</p>
					</div>
				</div>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>errors<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-parameters-title">Parameters</h4>
									<ul class="tsd-parameters">
										<li>
											<h5>errors: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span></h5>
										</li>
									</ul>
									<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="onlegendheaderclick" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> on<wbr>Legend<wbr>Header<wbr>Click</h3>
				<div class="tsd-signature tsd-kind-icon">on<wbr>Legend<wbr>Header<wbr>Click<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span>e<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">MouseEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">PointerEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">TouchEvent</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:118</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Optional handler when legend header is clicked.</p>
					</div>
				</div>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>e<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">MouseEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">PointerEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">TouchEvent</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-parameters-title">Parameters</h4>
									<ul class="tsd-parameters">
										<li>
											<h5>e: <span class="tsd-signature-type">MouseEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">PointerEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">TouchEvent</span></h5>
										</li>
									</ul>
									<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="onlegendrowclick" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> on<wbr>Legend<wbr>Row<wbr>Click</h3>
				<div class="tsd-signature tsd-kind-icon">on<wbr>Legend<wbr>Row<wbr>Click<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span>e<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">MouseEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">PointerEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">TouchEvent</span>, legendRow<span class="tsd-signature-symbol">: </span><a href="sanddance.types.legendrowwithsearch.html" class="tsd-signature-type" data-tsd-kind="Interface">LegendRowWithSearch</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:122</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Optional handler when legend row is clicked.</p>
					</div>
				</div>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>e<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">MouseEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">PointerEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">TouchEvent</span>, legendRow<span class="tsd-signature-symbol">: </span><a href="sanddance.types.legendrowwithsearch.html" class="tsd-signature-type" data-tsd-kind="Interface">LegendRowWithSearch</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-parameters-title">Parameters</h4>
									<ul class="tsd-parameters">
										<li>
											<h5>e: <span class="tsd-signature-type">MouseEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">PointerEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">TouchEvent</span></h5>
										</li>
										<li>
											<h5>legendRow: <a href="sanddance.types.legendrowwithsearch.html" class="tsd-signature-type" data-tsd-kind="Interface">LegendRowWithSearch</a></h5>
										</li>
									</ul>
									<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="onnewviewstatetarget" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> on<wbr>New<wbr>View<wbr>State<wbr>Target</h3>
				<div class="tsd-signature tsd-kind-icon">on<wbr>New<wbr>View<wbr>State<wbr>Target<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">boolean</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:130</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Optional handler to reset the camera after chart is rendered.</p>
					</div>
				</div>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="onpresent" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> on<wbr>Present</h3>
				<div class="tsd-signature tsd-kind-icon">on<wbr>Present<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:86</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Optional handler when chart is presented.</p>
					</div>
				</div>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="onselectionchanged" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> on<wbr>Selection<wbr>Changed</h3>
				<div class="tsd-signature tsd-kind-icon">on<wbr>Selection<wbr>Changed<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span>search<span class="tsd-signature-symbol">: </span><a href="../modules/sanddance.searchexpression.html#search" class="tsd-signature-type" data-tsd-kind="Type alias">Search</a>, activeIndex<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span>, selectedData<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:78</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Optional handler to be invoked when selection has changed.</p>
					</div>
				</div>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>search<span class="tsd-signature-symbol">: </span><a href="../modules/sanddance.searchexpression.html#search" class="tsd-signature-type" data-tsd-kind="Type alias">Search</a>, activeIndex<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span>, selectedData<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-parameters-title">Parameters</h4>
									<ul class="tsd-parameters">
										<li>
											<h5>search: <a href="../modules/sanddance.searchexpression.html#search" class="tsd-signature-type" data-tsd-kind="Type alias">Search</a></h5>
										</li>
										<li>
											<h5><span class="tsd-flag ts-flagOptional">Optional</span> activeIndex: <span class="tsd-signature-type">number</span></h5>
										</li>
										<li>
											<h5><span class="tsd-flag ts-flagOptional">Optional</span> selectedData: <span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">[]</span></h5>
										</li>
									</ul>
									<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="onstage" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> on<wbr>Stage</h3>
				<div class="tsd-signature tsd-kind-icon">on<wbr>Stage<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span>stage<span class="tsd-signature-symbol">: </span><a href="sanddance.vegadeckgl.types.stage.html" class="tsd-signature-type" data-tsd-kind="Interface">Stage</a>, deckProps<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="sanddance.vegadeckgl.deckprops.html" class="tsd-signature-type" data-tsd-kind="Interface">DeckProps</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:82</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Optional handler when data is on stage.</p>
					</div>
				</div>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>stage<span class="tsd-signature-symbol">: </span><a href="sanddance.vegadeckgl.types.stage.html" class="tsd-signature-type" data-tsd-kind="Interface">Stage</a>, deckProps<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="sanddance.vegadeckgl.deckprops.html" class="tsd-signature-type" data-tsd-kind="Interface">DeckProps</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-parameters-title">Parameters</h4>
									<ul class="tsd-parameters">
										<li>
											<h5>stage: <a href="sanddance.vegadeckgl.types.stage.html" class="tsd-signature-type" data-tsd-kind="Interface">Stage</a></h5>
										</li>
										<li>
											<h5>deckProps: <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="sanddance.vegadeckgl.deckprops.html" class="tsd-signature-type" data-tsd-kind="Interface">DeckProps</a><span class="tsd-signature-symbol">&gt;</span></h5>
										</li>
									</ul>
									<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="ontextclick" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> on<wbr>Text<wbr>Click</h3>
				<div class="tsd-signature tsd-kind-icon">on<wbr>Text<wbr>Click<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span>e<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">MouseEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">PointerEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">TouchEvent</span>, o<span class="tsd-signature-symbol">: </span><a href="sanddance.vegadeckgl.types.vegatextlayerdatum.html" class="tsd-signature-type" data-tsd-kind="Interface">VegaTextLayerDatum</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:106</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Optional click handler for text elements.</p>
					</div>
				</div>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>e<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">MouseEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">PointerEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">TouchEvent</span>, o<span class="tsd-signature-symbol">: </span><a href="sanddance.vegadeckgl.types.vegatextlayerdatum.html" class="tsd-signature-type" data-tsd-kind="Interface">VegaTextLayerDatum</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-parameters-title">Parameters</h4>
									<ul class="tsd-parameters">
										<li>
											<h5>e: <span class="tsd-signature-type">MouseEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">PointerEvent</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">TouchEvent</span></h5>
										</li>
										<li>
											<h5>o: <a href="sanddance.vegadeckgl.types.vegatextlayerdatum.html" class="tsd-signature-type" data-tsd-kind="Interface">VegaTextLayerDatum</a></h5>
										</li>
									</ul>
									<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="onvegaspec" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> on<wbr>Vega<wbr>Spec</h3>
				<div class="tsd-signature tsd-kind-icon">on<wbr>Vega<wbr>Spec<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span>vegaSpec<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Spec</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:126</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Optional handler when Vega spec is created, prior to it being rendered.</p>
					</div>
				</div>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>vegaSpec<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Spec</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-parameters-title">Parameters</h4>
									<ul class="tsd-parameters">
										<li>
											<h5>vegaSpec: <span class="tsd-signature-type">Spec</span></h5>
										</li>
									</ul>
									<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="preservedrawingbuffer" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> preserve<wbr>Drawing<wbr>Buffer</h3>
				<div class="tsd-signature tsd-kind-icon">preserve<wbr>Drawing<wbr>Buffer<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:134</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Optional flag to preserve the WebGL canvas.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="selectionpolygonz" class="tsd-anchor"></a>
				<h3>selection<wbr>PolygonZ</h3>
				<div class="tsd-signature tsd-kind-icon">selection<wbr>PolygonZ<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:138</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Z value of selection polygons.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
				<a name="ticksize" class="tsd-anchor"></a>
				<h3>tick<wbr>Size</h3>
				<div class="tsd-signature tsd-kind-icon">tick<wbr>Size<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
				<aside class="tsd-sources">
					<p>Inherited from <a href="sanddance.specs.specviewoptions.html">SpecViewOptions</a>.<a href="sanddance.specs.specviewoptions.html#ticksize">tickSize</a></p>
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:310</li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="tooltipoptions" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> tooltip<wbr>Options</h3>
				<div class="tsd-signature tsd-kind-icon">tooltip<wbr>Options<span class="tsd-signature-symbol">:</span> <a href="sanddance.types.tooltipoptions.html" class="tsd-signature-type" data-tsd-kind="Interface">TooltipOptions</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:55</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Tooltip options</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="transitiondurations" class="tsd-anchor"></a>
				<h3>transition<wbr>Durations</h3>
				<div class="tsd-signature tsd-kind-icon">transition<wbr>Durations<span class="tsd-signature-symbol">:</span> <a href="sanddance.types.transitiondurations.html" class="tsd-signature-type" data-tsd-kind="Interface">TransitionDurations</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:62</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Lengths of time for a transition animation.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
				<a name="zaxisoptions" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> z<wbr>Axis<wbr>Options</h3>
				<div class="tsd-signature tsd-kind-icon">z<wbr>Axis<wbr>Options<span class="tsd-signature-symbol">:</span> <a href="sanddance.specs.zaxisoptions.html" class="tsd-signature-type" data-tsd-kind="Interface">ZAxisOptions</a></div>
				<aside class="tsd-sources">
					<p>Inherited from <a href="sanddance.specs.specviewoptions.html">SpecViewOptions</a>.<a href="sanddance.specs.specviewoptions.html#zaxisoptions">zAxisOptions</a></p>
					<ul>
						<li>Defined in sanddance-specs/dist/es6/types.d.ts:311</li>
					</ul>
				</aside>
			</section>
		</section>
	</div>
	<div class="col-4 col-menu menu-highlight">
		<nav class="tsd-navigation primary">
			<ul>
				<li class=" ">
					<a href="../modules.html">Exports</a>
				</li>
				<li class="current tsd-kind-namespace">
					<a href="../modules/sanddance.html">Sand<wbr>Dance</a>
					<ul>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.vegadeckgl.html">Vega<wbr>Deck<wbr>Gl</a>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.constants.html">constants</a>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.searchexpression.html">search<wbr>Expression</a>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.specs.html">specs</a>
						</li>
						<li class="current tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.types.html">types</a>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.util.html">util</a>
						</li>
					</ul>
				</li>
				<li class=" tsd-kind-namespace">
					<a href="../modules/util.html">util</a>
				</li>
			</ul>
		</nav>
		<nav class="tsd-navigation secondary">
			<ul class="before-current">
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.colorcontext.html" class="tsd-kind-icon">Color<wbr>Context</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.colormap.html" class="tsd-kind-icon">Color<wbr>Map</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.colormappeditem.html" class="tsd-kind-icon">Color<wbr>Mapped<wbr>Item</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.colormethod.html" class="tsd-kind-icon">Color<wbr>Method</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.colorscheme.html" class="tsd-kind-icon">Color<wbr>Scheme</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.colorsettings.html" class="tsd-kind-icon">Color<wbr>Settings</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.column.html" class="tsd-kind-icon">Column</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.columnstats.html" class="tsd-kind-icon">Column<wbr>Stats</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.columntypemap.html" class="tsd-kind-icon">Column<wbr>Type<wbr>Map</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.headers.html" class="tsd-kind-icon">Headers</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.language.html" class="tsd-kind-icon">Language</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.legendrowwithsearch.html" class="tsd-kind-icon">Legend<wbr>Row<wbr>With<wbr>Search</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.ordinalmap.html" class="tsd-kind-icon">Ordinal<wbr>Map</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.renderoptions.html" class="tsd-kind-icon">Render<wbr>Options</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.renderresult.html" class="tsd-kind-icon">Render<wbr>Result</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.selectionstate.html" class="tsd-kind-icon">Selection<wbr>State</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.snapshot.html" class="tsd-kind-icon">Snapshot</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.tooltipoptions.html" class="tsd-kind-icon">Tooltip<wbr>Options</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.transitiondurations.html" class="tsd-kind-icon">Transition<wbr>Durations</a>
				</li>
			</ul>
			<ul class="current">
				<li class="current tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.vieweroptions.html" class="tsd-kind-icon">Viewer<wbr>Options</a>
					<ul>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
							<a href="sanddance.types.vieweroptions.html#colors" class="tsd-kind-icon">colors</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.types.vieweroptions.html#fontfamily" class="tsd-kind-icon">font<wbr>Family</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.types.vieweroptions.html#gettextcolor" class="tsd-kind-icon">get<wbr>Text<wbr>Color</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.types.vieweroptions.html#gettexthighlightalphacutoff" class="tsd-kind-icon">get<wbr>Text<wbr>Highlight<wbr>Alpha<wbr>Cutoff</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.types.vieweroptions.html#gettexthighlightcolor" class="tsd-kind-icon">get<wbr>Text<wbr>Highlight<wbr>Color</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite">
							<a href="sanddance.types.vieweroptions.html#language" class="tsd-kind-icon">language</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
							<a href="sanddance.types.vieweroptions.html#maxlegends" class="tsd-kind-icon">max<wbr>Legends</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.types.vieweroptions.html#onaxisclick" class="tsd-kind-icon">on<wbr>Axis<wbr>Click</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.types.vieweroptions.html#onbeforecreatelayers" class="tsd-kind-icon">on<wbr>Before<wbr>Create<wbr>Layers</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.types.vieweroptions.html#oncolorcontextchange" class="tsd-kind-icon">on<wbr>Color<wbr>Context<wbr>Change</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.types.vieweroptions.html#oncubeclick" class="tsd-kind-icon">on<wbr>Cube<wbr>Click</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.types.vieweroptions.html#ondatafilter" class="tsd-kind-icon">on<wbr>Data<wbr>Filter</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.types.vieweroptions.html#onerror" class="tsd-kind-icon">on<wbr>Error</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.types.vieweroptions.html#onlegendheaderclick" class="tsd-kind-icon">on<wbr>Legend<wbr>Header<wbr>Click</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.types.vieweroptions.html#onlegendrowclick" class="tsd-kind-icon">on<wbr>Legend<wbr>Row<wbr>Click</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.types.vieweroptions.html#onnewviewstatetarget" class="tsd-kind-icon">on<wbr>New<wbr>View<wbr>State<wbr>Target</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.types.vieweroptions.html#onpresent" class="tsd-kind-icon">on<wbr>Present</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.types.vieweroptions.html#onselectionchanged" class="tsd-kind-icon">on<wbr>Selection<wbr>Changed</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.types.vieweroptions.html#onstage" class="tsd-kind-icon">on<wbr>Stage</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.types.vieweroptions.html#ontextclick" class="tsd-kind-icon">on<wbr>Text<wbr>Click</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.types.vieweroptions.html#onvegaspec" class="tsd-kind-icon">on<wbr>Vega<wbr>Spec</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.types.vieweroptions.html#preservedrawingbuffer" class="tsd-kind-icon">preserve<wbr>Drawing<wbr>Buffer</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.types.vieweroptions.html#selectionpolygonz" class="tsd-kind-icon">selection<wbr>PolygonZ</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
							<a href="sanddance.types.vieweroptions.html#ticksize" class="tsd-kind-icon">tick<wbr>Size</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.types.vieweroptions.html#tooltipoptions" class="tsd-kind-icon">tooltip<wbr>Options</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.types.vieweroptions.html#transitiondurations" class="tsd-kind-icon">transition<wbr>Durations</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-inherited">
							<a href="sanddance.types.vieweroptions.html#zaxisoptions" class="tsd-kind-icon">z<wbr>Axis<wbr>Options</a>
						</li>
					</ul>
				</li>
			</ul>
			<ul class="after-current">
				<li class=" tsd-kind-type-alias tsd-parent-kind-namespace">
					<a href="../modules/sanddance.types.html#view" class="tsd-kind-icon">View</a>
				</li>
			</ul>
		</nav>
	</div>
</div>
</div>
<div class="overlay"></div>